<template>
  <div class="operation-list">
    <ul class="operation-list_ul">
      <li class="operation-list_li">
        <div class="operation-left">(PayType) 支付方式</div>
        <div class="operation-right">{{viewModel.paymentType}}</div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">支付金额</div>
        <div class="operation-right">{{parseFloat(viewModel.totalAmount).toFixed(2)}}</div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">(CreateTime)账单创建时间</div>
        <div class="operation-right"><span class="creation-time">{{viewModel.createTime}}</span></div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">(ResponseTime)支付时间</div>
        <div class="operation-right">{{viewModel.payTime}}</div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">ResponseSerial(流水号)</div>
        <div class="operation-right">{{viewModel.serial}}</div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">类型:</div>
        <div class="operation-right"><span class="conversion">订单</span></div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">支付账单描述:</div>
        <div class="operation-right"><span class="bill-description">请认真核对订单信息</span></div>
      </li>
      <!-- <li class="operation-list_li">
        <div class="operation-left">备注</div>
        <div class="operation-right">01-01-01 00:00</div>
      </li>
      <li class="operation-list_li">
        <div class="operation-left">状态</div>
        <div class="operation-right"><span class="right-status">等待处理</span></div>
      </li> -->
    </ul>
  </div>
</template>
<script>
  import ala from 'ala'
export default {
    props: {
      viewModel: {}
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  @import "../styles/style.scss";
</style>


